// Node服务器
const express = require("express")
const Vue = require("vue")

// 创建express实例和Vue实例
const app = express()

// 创建渲染器(将vue实例作为参数传给renderer，渲染器就会返回Html)

// 简单来说，用渲染器渲染vue实例可以得到html
const renderer = require ("vue-server-renderer").createRenderer()

const page = new Vue({
    template:"<div>Hello World</div>"
})

app.get('/',async (req,res)=>{
    // 1：renderer.renderToString()该方法可以异步的生成html内容
    // 2：需要传vue实例为参数
    const html = await renderer.renderToString(page)
    //将获得的html内容返回给前端
    res.send(html)
})

app.listen(8000,()=>{
    console.log("服务器启动成功")
})